﻿@page "/"


<MCard Class="content-list">
    <div class="recent-documents">
        @NewestStorage.Title
    </div>
    <div class="recent-content">
        <div>
            <div style="float: left;width:100px;">
                <MImage MaxWidth="@("100px")"
                        MaxHeight="@("150px")"
                        Src="@NewestStorage.Icon">
                </MImage>
            </div>
            <div class="recent-text">
                <div>
                    @NewestStorage.Message
                </div>
                <div>
                    @NewestStorage?.creationTime
                </div>
            </div>
        </div>
    </div>
</MCard>

@code {

}


<style>
    .content-list {
        margin: 10px;
        padding: 15px;
        max-height: 150px;
        position: fixed;
        width: 100%;
    }

    .recent-documents {
        font-size: 20px;
    }

    .recent-content {
        min-height: 50px;
        width: 100%;
    }

    .recent-text {
        padding-left: 10px;
        font-size: 15px;
    }
</style>